<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Piano</title>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
    <header>
        <select name="soundpart" onchange="change()">
            <option value="middle">中音</option>
            <option value="low">低音</option>
            <option value="hight">高音</option>
        </select>
    </header>
    <main>
        <div>C5</div>
        <div>D5</div>
        <div>E5</div>
        <div>F5</div>
        <div>G5</div>
        <div>A5</div>
        <div>B5</div>

        <div>C4</div>
        <div>D4</div>
        <div>E4</div>
        <div>F4</div>
        <div>G4</div>
        <div>A4</div>
        <div>B4</div>

        <div>C3</div>
        <div>D3</div>
        <div>E3</div>
        <div>F3</div>
        <div>G3</div>
        <div>A3</div>
        <div>B3</div>
    </main>
    <footer>
        By SENK 2021
    </footer>
    <script src="./jquery-3.6.0.js"></script>
    <script src="index.js"></script>
</body>

</html>